// 需要渲染的节点
const renderTbody = document.querySelector('.renderTbody')

// 定义全局变量
var list = []

// 首次渲染节点
render(renderTbody, dataSource)

function render(node, data) {
    let innerHTML = ''
    for (let i = 0; i < data.length; i++) {
        const element = data[i]
        innerHTML += `
            <tr style="color:#eee;">
                <th scope="row">${i + 1}</th>
                <td>${element.country}</td>
                <td>${element.one}</td>
                <td>${element.two}</td>
                <td>${element.three}</td>
                <td>${element.total}</td>
            </tr>
        `
    }
    node.innerHTML = innerHTML
}